<template>
  <li class="item">
      <input type="checkbox" v-model="checked">
      <slot name="item" v-bind="{checked}"></slot>
  </li>
</template>

<script>
export default {
  components: {},
  props: ["todo"],
  data() {
    return {
        checked:false
    };
  },
  watch: {},
  computed: {},
  methods: {},
  created() {},
  mounted() {}
};
</script>
<style scoped>
.item {
  color: red;
}
</style>